#chessboard{
  .chess-container{
    border: #eee 1px solid;
    padding: 20px;
    width: 1600px;
    margin: 50px auto 0;
    height: auto;
    .tr{
      @include flex-r-n;
      @include justify-content(space-between);
      @include align-items(center);
    }
    .td{
      text-align: center;
      cursor: pointer;
      width: 100%;
      margin: 0px;
      @include box-sizing(border-box);
      //overflow: hidden;
      .bg{
        width: 100%;
        height: inherit;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        @include box-sizing(border-box);
        border: transparent 2px solid;
        @include border-radius(10px);
        @include transition(all .5s);
      }
    }
    .td.normal{

    }
    .td.blank{
      width: 0;
      height: 0;
      border-color: transparent;
      .bg{
        background-image: none !important;
      }
    }
    .td.active{
      color: #fff;
      .bg{
        border-color: indianred;
      }
    }
    .td.none{
      background-color: #fff;
      color: #fff;
      border-color: transparent;
      .bg{
        //background-image: none !important;
        @include transform(scale(0));
        @include opacity(0);
      }
    }
  }
}
